$(document).ready(
    function ()
    {
	//alert('document ready');
	// $('#input_username').blur(
	//     function ()
	//     {
	// 	validate_username($(this).val());
	//     }
	// );
	// $('#input_repassword').blur
	// (
	//     function()
	//     {
	// 	if ($(this).val() != $('#input_password').val())
	// 	{
	// 	    $('#lb_password_error').text('两次输入的密码不一样。');
	// 	}
	//     }
	// );

	$('#select_province').change(
	    function()
	    {
		//alert('changed ');
		var pid = $(this).val();
		$.getJSON('/utility/get-colleges?pid='+pid,
			  function (data)
			  {
			      fill_select_data(data, $('#select_colleges'));
			  }
			 );
	    }
	);

	$("#parent_category").change(function(){
	    $.getJSON('/utility/get-sub-cat?cat_id='+$(this).val(),
		      function (data)
		      {
			  fill_select_data(data, $('#sub_category'));
		      }
		     );

	});
	$(".category").change(function(){
	    if ($(this).val() == 0)
	    {
		// 根分类就退出
		return;
	    }
	    var index = $(this).attr("index");
	    var next = parseInt(index) + 1;
	    var target = $("#category_" + next);
	    // target.css("display", "block");

	    $.getJSON('/utility/get-sub-cat?cat_id='+$(this).val(),
		      function (data)
		      {
			  // alert("length: "+json_length(data));
			  if (json_length(data) > 0)
			  {
			      fill_select_data(data, target);
			      target.css("display", "block");
			  }
		      }
		     );

	});
	$('#select_colleges').change(
	    function ()
	    {
		var cid = $(this).val();
		$.getJSON('/utility/get-school?cid='+cid,
			  function (data)
			  {
			      fill_select_data(data, $('#select_school'));
			  }
			 );

	    }
	);
	$('.cat_title').click(
	    function()
	    {
		//alert('you click me.');
		var cat_div = $(this).next('.div_cat_list');
		var cat_id = cat_div.attr('name');
		//alert(cat_id);
		$.getJSON('/utility/get-sub-cat?cat_id='+cat_id,
			  function (data)
			  {
			      var ul = cat_div.find('ui');
			      ul.children().remove();
			      $.each(data,
				     function (i, d)
				     {
					 //alert(d['id']+': '+d['name']);
					 ul.append('<li>'+d['name']+'</li>');
				     });
			  }
			 );
		
	    }
	);

	// $('.input_cat').click(
	//     function ()
	//     {
	// 	// alert('cat change');
	// 	var cat_id = $(this).attr('name');
	// 	$('#input_hidden_cat').val(cat_id);
	// 	$.getJSON('/utility/get-tags?cat_id='+cat_id,
	// 		  function(data)
	// 		  {
	// 		      $('#td_cat_tags').children().remove();
	// 		      $('#td_cat_tags').text('');
	// 		      $.each(data,
	// 			     function(j,d)
	// 			     {
	// 				 $('#td_cat_tags').append("<div class='div_tag' name='0'>"+d+"</div>");
	// 			     });
	// 		      $('#td_cat_tags').append("<div class='div_input_tag'><input type='text' id='tag1' size='4'/></div>");
	// 		  }
	// 		 );
	//     }
	// );

	$('#select_tag_cat').change(
	    function ()
	    {
		var cat_id = $(this).val();
		$.getJSON('/utility/get-tags?cat_id='+cat_id,
			  function(data)
			  {
			      $('#div_tags').text('');
			      $.each(data,
				     function(i,d)
				     {
					 $('#div_tags').append(d+'<br/>');
				     });
			  }
			 );
		
	    }
	);

	// $('.div_tag').live(
	//     'click',
	//     function ()
	//     {
	// 	$(this).removeClass('div_tag');
	// 	$(this).addClass('hilight_tag');
	// 	get_select_tags();
	//     }
	// );
	// $('.hilight_tag').live
	// (
	//     'click',
	//     function ()
	//     {
	// 	$(this).removeClass('hilight_tag');
	// 	$(this).addClass('div_tag');		
	// 	get_select_tags();
	//     }
	// );
	// $('#tag1').live(
	//     'onblur',
	//     get_select_tags
	// );
	// $('#tag2').live(
	//     'onblur',
	//     get_select_tags
	// );
	$('.ui-state-default').mouseover
	(
	    function ()
	    {
		//alert('mouse over');
		$(this).removeClass('ui-state-default');
		$(this).addClass('ui-state-hover');
	    }
	);
	$('.ui-state-hover').live
	(
	    'mouseout',
	    function ()
	    {
		//alert('mouse out');
		$(this).removeClass('ui-state-hover');
		$(this).addClass('ui-state-default');
	    }
	);

	var username_input = 0;
	$('#input_username').focus
	(
	    function ()
	    {
		if (!username_input)
		{
		    username_input = 1;
		    $(this).val('');
		    $(this).removeClass('gray');
		    $(this).addClass('normal');
		}
		
		return false;
	    }
	);

	$('#input_username').blur
	(
	    function ()
	    {
		if (!$(this).val())
		{
		    username_input = 0;
		    $(this).val('Email或昵称');
		    $(this).removeClass('normal');
		    $(this).addClass('gray');
		}
		
		return false;
	    }
	);

	var passwd_input = 0;
	$('#input_passwd').focus(
	    function ()
	    {
		if (!passwd_input)
		{
		    passwd_input = 1;
		    $(this).val('');
		    $(this).removeClass('gray');
		    $(this).addClass('normal');
		}
		
		return false;
	    }
	);
	$('#input_passwd').blur
	(
	    function ()
	    {
		if (!$(this).val())
		{
		    passwd_input = 0;
		    $(this).val('密码');
		    $(this).removeClass('normal');
		    $(this).addClass('gray');
		}
		
		return false;
	    }
	);

	$('#home_login_submit').click(
	    function ()
	    {
		var user = $('#input_username').val();
		var pass = $('#input_passwd').val();
		var remember_me = $('#input_remember_me').attr("checked") ? "on" : "";

		$.post(
		    '/account/ajax-login',
		    {username: user,  password: pass, remember_me: remember_me, just_valid: 1},
		    function(data)
		    {
			var ret = eval('('+data+')');
			if (ret['code'] == 0)
			{
			    $('#div_utility_links').children().remove();
			    $('#div_utility_links').text('');
			    $('#div_utility_links').append("<a class='a_head_link' href='/user'>用户中心</a><a class='a_head_link' href='/admin'>管理</a>  \
                                                            <div></div>     <a class='a_head_link' href='/user/upload-course'>上传课程</a> \
                                                            <a class='a_head_link' href='/account/logout'>登出</a>");

			    $('#div_welcome').children().remove();
			    $('#div_welcome').text('您好， '+ret['user']);
			}
		    }
		);
	    }
	);
	$('#submit_comment').click(
	    function ()
	    {
		var text = $('#text_comment').val();
		var cont_id = $('#cont_id').val();
		if (text.length < 1)
		    return;
		//alert(text);
		$.getJSON(
		    '/video/comment',
		    {comment: text, cont_id: cont_id},
		    function(data)
		    {
			// alert('reponse');
			if (data.resp_id==0)
			{
			    $(".comment_body").children().first().before("<div class='left user-name border-blue1'>"+data.username+"</div><div class='left margin-left-10px comment-text border-blue1'>"+data.comment+"</div><div class='right view-time border-blue1'>"+data.time+"</div><div class='clear'></div><hr class='margin-10px1'/><div class='clear'></div>");
			    
			}
			else
			{
			    $("#say_msg").text(data.resp_str).fadeIn(400);
			    $("#say_msg").delay(1000).fadeOut(400);
			}
			// FIXME, update the comment list
		    }
		);
	    }
	);

	$("#frame_comment").load(function(){         
            $(this).height($(this).contents().height());  
	});  
	
	$("#id_say_good").click(function(){
	    var cont_id = $('#cont_id').val();
	    $.getJSON(
		'/video/say-good',
		{cont_id:cont_id},
		function(data)
		{
		    if (data.resp_id==0)
		    {
			$("#say_good_num").text(data.say_good);
		    }
		    else
		    {
			//alert(data.resp_str);
			$("#say_msg").text(data.resp_str).fadeIn(400);
			$("#say_msg").delay(1000).fadeOut(400);
		    }
		}
	    );
	});
	$("#id_say_bad").click(function(){
	    var cont_id = $('#cont_id').val();
	    $.getJSON(
		'/video/say-bad',
		{cont_id:cont_id},
		function(data)
		{
		    if (data.resp_id==0)
			$("#say_bad_num").text(data.say_bad);
		    else
		    {
			$("#say_msg").text(data.resp_str).fadeIn(400);
			$("#say_msg").delay(1000).fadeOut(400);
		    }
		}
	    );
	});
	$("#id_add_bookmark").click(function(){
	    $.post(
		'/video/add_bookmark',
		function(data)
		{
		    //alert('已添加到您的收藏夹。');
		}
	    );

	});
	$(".edit_course").click(function(){
	    //alert($(this).attr("name"));
	    var id = $(this).parent(".div_admin_course").find(".course_id").val();
	    // alert(id);
	});
	$(".delete_course").click(function(){
	    // alert($(this).attr(name));
	    if ( confirm("你确定要删除吗？本操作不可恢复"))
	    {
		var cont_id = $(this).attr('name');
		var course_div = $(this).parents('.div_admin_course');
		$.getJSON('/user/delete-course',
			  {cont_id:cont_id},
			  function(data)
			  {
			      alert(data.resp_str);
			      //course_div.remove();
			      window.location.href='/user/courses';
			  }
			 );
	    }
	});
	$("#changeCaptcha").click(function(){
	    $.post('/utility/get-captcha',
		      function(data)
		      {
			  $("#captcha_img").attr('src', data);
		      }
		     );
	    
	});
	$(".form_validate").validate();
    }
);

// function get_select_tags()
// {
//     var tags='';
//     $('.hilight_tag').each(
// 	function (){
// 	    //alert('tag: '+$(this).text());
// 	    tags += $(this).text()+';';
// 	});
//     if ($('#tag1').val().length > 0)
//     	tags += $('#tag1').val()+';';
//     $('#input_cont_tags').val(tags);
    
//     return true;
// }

function json_length(data)
{
    var sum = 0;
    $.each(data,
	   function (i, d)
	   {
	       sum++;
	   });
    return sum;
}
function fill_select_data(data, obj)
{
    obj.children().remove();
    obj.append("<option value=''>请选择</option>");
    $.each(data,
	   function (i, d)
	   {
	       obj.append("<option value='"+d['id']+"'>"+d['name']+"</option>");
	   });
}
function validate_username(username)
{
    if (username.length > 32)
    {
	$('#lb_useranme_error').text('用户名的长度不能超过32个英文字符，中文字符不能超过16个。');
	return;
    }
    // 普通用户名和电子邮件验证
    var re_asc = /^[\w.-]+@?[\w.-]+$/;
    // 中文用户名验证，2到16个中文字符
    var re_unicode = /^[\u4E00-\u9FA5]{2,16}$/;
    if (re_asc.test(username) || re_unicode.test(username))
    {
	$('#lb_useranme_error').text('');
	
    }
    else
    {
	$('#lb_useranme_error').text('用户名必须是字母、数字');
    }
}
